<template>
    <section>
        <p>57 vuerify 徽章 badges</p>
    <v-list
      class="mx-auto"
      max-width="256"
      border
    >
      <v-list-item
        prepend-icon="mdi-inbox-arrow-down"
        title="Inbox"
        link
      >
        <template v-slot:append>
          <v-badge
            color="error"
            content="6"
            inline
          ></v-badge>
        </template>
      </v-list-item>
  
      <v-list-item
        prepend-icon="mdi-send"
        title="Sent Mail"
        link
      ></v-list-item>
  
      <v-list-item
        prepend-icon="mdi-delete"
        title="Trash"
        link
      >
        <template v-slot:append>
          <v-badge
            color="info"
            content="12"
            inline
          ></v-badge>
        </template>
      </v-list-item>
  
      <v-list-item
        prepend-icon="mdi-alert-circle"
        title="Spam"
        link
      ></v-list-item>
    </v-list>
</section>
  </template>